.bubble-backdrop {
  position: fixed;
  background-color: var(--bubble-backdrop-background-color, var(--bubble-default-backdrop-background-color));
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  opacity: 0;
  transition: opacity 0.3s;
  transition-delay: .1s;
  backdrop-filter: var(--bubble-backdrop-filter, var(--custom-backdrop-filter));
  -webkit-backdrop-filter: var(--bubble-backdrop-filter, var(--custom-backdrop-filter));
}

.bubble-backdrop.is-visible {
  opacity: 1;
}

.bubble-backdrop.is-hidden {
  opacity: 0;
  pointer-events: none;
}
